<!DOCTYPE html>
<html lang="zh-CN" ng-app="store">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../img/log.ico">

    <title>Fixed Top Navbar Example for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="../css/core/bootstrap.min.css" rel="stylesheet">
	<link href="../css/core/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <!-- Custom styles for this template -->
    <link href="../css/navbar-fixed-top.css" rel="stylesheet">
  </head>

  <body>

    <!-- Fixed navbar -->
    <div class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="row">
          <div class="navbar-header col-md-3">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><font color="blue">Software quote and order</font> </a>
          </div>
          <div id="navbar" class="navbar-collapse col-md-9 collapse">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#contact">Contact</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li role="separator" class="divider"></li>
                  <li class="dropdown-header">Nav header</li>
                  <li><a href="#">Separated link</a></li>
                  <li><a href="#">One more separated link</a></li>
                </ul>
              </li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
    <div class="container"  ng-controller="StoreController as store">
        <form action="" class="form-horizontal"  role="form">
            <fieldset>
              <legend>Log File Search</legend>
		      <div class="row">
		        <div class="col-xs-2">
		      	    <!-- Environment selection part -->
		      	    <div>
		      	      <select class="input-sm form-control" ng-options="phone.name group by phone.group for phone in store.products " ng-model="store.productDefault">
		      	        <!-- <option class="input-sm input-sm" ng-repeat="phone in store.products"> {{phone.group}} - {{phone.name}} </option> -->
		      	        <option class="input-sm input-sm"></option>
		      	      </select>
		      	    </div>
		      	<!-- End Environment selection part -->
		        </div>
		        <div class="col-xs-10">
		      	    <div class="input-group" style="width: 100%">
		      	      <input type="text" class="form-control input-sm" placeholder="Search Text" aria-describedby="basic-addon2" style="margin-right: 10px"></input>
		      	    </div>
		        </div>
		      </div>
			  <br>
              <div class="row" id="searchDate" ng-show="store.showBlock()">
			    <div class="col-xs-2">
                    <label for="dtp_input1" class="col-md-12 control-label">Search Start Date: </label>
                </div>
                <div class="col-xs-4">
                    <div class="input-group date col-md-12" id="form_datetime00"  data-link-field="dtp_input1">
                        <input class="form-control" size="16" type="text" value="" readonly>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
	    	  		<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
                    </div>
	    	  	  <input type="hidden" id="dtp_input1" value="" /><br/>
			    </div>
			    <div class="col-xs-2">
                    <label for="dtp_input1" class="col-md-12 control-label">Search End Date: </label>
                </div>
                <div class="col-xs-4">
                    <div class="input-group date form_datetime01 col-md-12" data-link-field="dtp_input1">
                        <input class="form-control" size="16" type="text" value="" readonly>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
 	    	  		<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>
                     </div>
 	    	  	  <input type="hidden" id="dtp_input1" value="" /><br/>
			    </div>
			  </div>
			  <div class="row">
			    <div class="col-xs-2 col-xs-offset-10">
			      <a ng-click="store.increase01()" href="#" style="right: 13px;position: absolute;">
			        <small>{{store.content01}}</small>
			        <span class="glyphicon glyphicon-chevron-down" ng-hide="store.showBlock()"></span>
			        <span class="glyphicon glyphicon-chevron-up" ng-show="store.showBlock()"></span>
			      </a>
			    </div>
			  </div>
            </fieldset>
            <br><br>
            <div class="row">
		      <div class="col-xs-2 col-xs-offset-10">
		        <button type="button" class="btn btn-primary btn-lg"  style="right: 13px;position: absolute;">Search &nbsp;
		          <span class="glyphicon glyphicon-search"></span>
		        </button>
		      </div>
		    </div>
        </form>
        <br>
        <div class="container" ng-controller="searchResult as res">
          <div ng-show="res.logDetail.length > 0" class="row">
             <legend>Search Result</legend>
	          <table class="table table-bordered table-striped">
	             <thead>
	              <tr>
	                <th style="width: 100px;">Name</th>
	                <th style="width: 50px;">type</th>
	                <th style="width: 100px;">default</th>
	                <th>description</th>
	              </tr>
	             </thead>
	             <tbody>
	               <tr ng-repeat="line in res.logDetail">
	                <td>{{line.name}}</td>
	                <td>{{line.type}}</td>
	                <td>{{line.default}}</td>
	                <td>{{line.description}}</td>
	              </tr>
	             </tbody>
	          </table>
          </div>
        </div>
    </div>
    <script type="text/javascript" src="../js/plugin/jquery/jquery-2.1.4.min.js"></script>
    <!-- Placed at the end of the document so the pages load faster -->
    <script type="text/javascript" src="../js/plugin/bootstrap/bootstrap.min.js"></script>
	<script type="text/javascript" src="../js/plugin/bootstrap/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
	<script type="text/javascript" src="../js/plugin/bootstrap/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
	<script type="text/javascript" src="../js/plugin/angularjs/angular.min.js"></script>
	<script type="text/javascript" src="../js/business/logSearchController.js" charset="UTF-8"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script type="text/javascript" src="../js/business/ie10-viewport-bug-workaround.js"></script>
	<script type="text/javascript">
	    $('#form_datetime00').datetimepicker({
	        //language:  'fr',
	        format: 'yyyy-mm-dd',
	        weekStart: 1,
	        todayBtn:  1,
	        todayHighlight: 1,
			autoclose: 1,
			todayHighlight: 1,
			startView: 2,
			forceParse: 0,
	        showMeridian: 1,
	        autoclose: true
	    });
		$('.form_datetime01').datetimepicker({
	        language:  'zh-CN',
	        format: 'yyyy-mm-dd',
	        weekStart: 1,
	        todayBtn:  1,
			autoclose: 1,
			todayHighlight: 1,
			startView: 2,
			minView: 2,
			forceParse: 0
	    });
	</script>
  </body>
</html>
